<template>
    <view :style=" safeAreaInsets && safeAreaInsets.bottom > 0 ? 'padding-bottom: ' + safeAreaInsets.bottom + 'px': ''" class="no-more-wrap" v-if="totalPage <= page && totalPage > 1">我也是有底线的！</view>
</template>

<script lang="ts" setup>
// 获取屏幕边界到安全区域距离
const { safeAreaInsets } = uni.getSystemInfoSync()

defineProps<{
    totalPage: number,
    page: number,
}>()
</script>

<style scoped lang="scss">
.no-more-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20rpx 0;
    color: #c3c0c0;
}
</style>